UI.PersonListInterpreter = function(params){

	this.cleanUI = function() {
	};
	
	this.displayContentOn = function(divId, persons) {
		var fieldset = $("<fieldset></fieldset>").attr("name", "person-information").attr("enabled", true).attr("class", "general person-list");
		fieldset.append($("<legend></legend>").append($("<label></label>").text("Person who have completed the survey")));		

		var table = $("<table></table>").attr("class", "person-list-table");
		var thead = $("<thead></thead>");
		thead.append($("<td></td>").text("Name"));
		thead.append($("<td></td>").text("Email"));
		thead.append($("<td></td>").text("Age"));
		
		var tbody = $("<tbody></tbody>");
		
		for (var i=0; i < persons.length; i++) {
			var person = persons[i];
			
			var tr = $("<tr></tr>");
			tr.append($("<td></td>").text(person.name));
			tr.append($("<td></td>").text(person.email));
			tr.append($("<td></td>").text(person.age));

			tbody.append(tr);
		}
		
		table.append(thead);
		table.append(tbody);		
		
		fieldset.append(table);
		$(divId).append(fieldset);
	};

};